<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="//api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=91uDwUnvedisMcATM95R3lWtBeCyO4ad"></script>
</head>

<body>
    <!-- 头部 -->
    <div id="hader">
        <div class="hed">
            <img src="../images/logo.png" alt="">
            <ul>
                <li><a href="../html/index.html">首页</a></li>
                <li><a href="../html/公司简介.html">关于我们</a></li>
                <li><a href="..//html/卡布基诺.html">产品介绍</a></li>
                <li><a href="..//html/艾薇儿.html">我们的团队</a></li>
                <li><a href="../html/联系我们.html">联系我们</a></li>
                <li><a href="../html/登录注册.html">登录|注册</a></li>
            </ul>
        </div>
    </div>
    <!-- 轮播 -->
    <div id="car" class="carousel">
        <div class="carousel_img">
            <img class="active a1" src="../images/1.png" />
            <img class="a1" src="../images/01.jpg" />
            <img class="a1" src="../images/02.jpg" />
            <img class="a1" src="../images/03.jpg" />
        </div>
        <img src="../images/01.jpg" />
        <button><</button>
        <button>></button>
                <ul>
                    <li dy="0" class="active a2"></li>
                    <li class="a2" dy="1"></li>
                    <li class="a2" dy="2"></li>
                    <li class="a2" dy="3"></li>
                </ul>
    </div>
    <!-- 第一部分 -->
    <div id="shang">
        <div class="sang">
            <h2>关于我们</h2>
            <p>About Us</p>
            <img src="../images/002.png" alt="">
            <div class="kong"></div>
        </div>
    </div>
    <!-- 第二部分 -->
    <div id="xia">
        <div class="xi">
            <img src="../images/2.png" alt="">
        </div>
        <div class="you">
            <h2>公司简介</h2>
        </div>
        <div class="ko"></div>
        <div class="nan">
            <p>二十世纪三十年代，巴西咖啡豆生产过剩，剩余的咖啡豆只能当燃料消耗，非常可惜。当巴西政府向雀巢公司寻求咖啡豆过剩的解决方法的时候，并没有意识到这最终成就了一个历久弥醇的伟大的咖啡品牌。1930年，巴西咖啡连续经历了几次大丰收，短期内难以完全销售，便向雀巢求助，求令咖啡不失香醇的长期保存方式。咖啡权威——马克思·莫根特尔(Max
                Morgenthaler)立刻同他的研究队伍着手研究，试图制造一种既可以较好保存咖啡芳香又易溶于热水的"固体咖啡"。经过在雀巢瑞士实验室长达七年的不懈努力，30年代末，雀巢向市场推出速溶咖啡，“雀巢咖啡”品牌创立。
            </p>
            <p>1988年，雀巢通过考察确定云南适宜种植咖啡，决定支持云南省的咖啡种植。随后于1992在云南思茅地区成立咖啡农艺服务部，帮助当地发展咖啡种植业。1997年，雀巢公司在西双版创建试验示范农场，从零开始，让农民得到方方面面的实际培训，大大促进了当地小粒种咖啡豆发展，并使一个产量低、质量次的咖啡豆产地发展成一个产量高、质量优且已引起全球咖啡界关的咖啡豆产地。雀巢不仅让农民通过种植咖啡获得了稳定的收入,当地农民通过向雀巢了解国际现市场价格甚至自己上网查询交易网站的价格，学会根据波动分析销售咖啡的时机。
            </p>
        </div>
    </div>
    <!-- 条形图 -->
    <div id="tiao">
        <img src="../images/6.png" alt="">
        <p>浓香咖啡&nbsp;&nbsp;&nbsp;让你享受每一个美好的午后时光</p>
    </div>
    <div id="qq">
        <div class="san">
            <h2>产品介绍</h2>
            <p>Product</p>
            <img src="../images/002.png" alt="">
            <div class="qong"></div>
        </div>
    </div>
    <!-- 图片展示 -->
    <div id="tu">
        <div class="aa">
        <figure>
            <img src="../images/3.png" alt="">
            <figcaption>拿铁咖啡</figcaption>
            <div></div>
            <p>拿铁咖啡是意大利浓缩咖啡(Espresso)与牛奶的经典混合，意大利人也很喜欢把拿铁作为早餐的饮料，带来让人难以忘怀的味道</p>
        </figure>
    </div>
        <div class="pian">
            <img src="../images/4.png" alt="">
            <figcaption>卡布奇洛</figcaption>
            <div></div>
            <p>卡布奇诺是一种加入以同量的意大利特浓咖啡和蒸汽泡沫牛奶相混合的意大利咖啡。象卡布奇诺教会的修士头巾一样，咖啡因此得名</p>
            </figure>
        </div>
        <div class="yo">
            <img src="../images/5.png" alt="">
            <figcaption>摩卡咖啡</figcaption>
            <div></div>
            <p>摩卡咖啡(CafeMocha)是一种最古老的咖啡，其历史要追溯到咖啡的起源。它是浓缩咖啡、鲜奶油和牛奶混合而成,摩卡得名于有名的摩卡港</p>
            </figure>
        </div>
    </div>
    <div id="wei">
        <div class="sa">
            <h2>公司团队</h2>
            <p>Our team</p>
            <img src="../images/002.png" alt="">
            <div class="qon"></div>
        </div>
    </div>
    <!-- 人员介绍 -->
    <div id="ren">
        <div class="yi">
            <figure>
                <img src="../images/7.png" alt="">
                <figcaption>贾斯汀·比伯</figcaption>
                <div></div>
                <p>贾斯汀出生于1994年3月1日的加拿大安大略省伦敦的圣若...</p>
            </figure>
        </div>
        <div class="tuo">
            <figure>
                <img src="../images/8.png" alt="">
                <figcaption>查理·普斯</figcaption>
                <p>Charlie Puth</p>
            </figure>
        </div>
        <div class="dan">
            <figure>
                <img src="../images/9.png" alt="">
                <figcaption>艾薇儿·拉维尼</figcaption>
                <p>Avril Lavigne</p>
            </figure>
        </div>
        <div class="shi">
            <figure>
                <img src="../images/10.png" alt="">
                <figcaption>泰勒·斯威夫特</figcaption>
                <p>Taylor Swift</p>
            </figure>
        </div>
    </div>
    <div id="xin">
        <div class="s">
            <h2>联系我们</h2>
            <p>Contact us</p>
            <img src="../images/002.png" alt="">
            <div class="qo"></div>
        </div>
    </div>
    <!-- 地图 联系 -->
    <div id="di">
        <div id="allmap">

        </div>	
        <div class="lian">
            <div class="ya">
                <i class="iconfont">&#xe652;</i>
                <h2>咨询热线</h2>
                <figcaption>Information Hotline</figcaption>
                <h3>重庆:+86023-867-7848</h3>
                <p>(09:30~18:30北京时间)</p>
            </div>
            <div class="wo">
                <i class="iconfont">&#xe629;</i>
                <h2>公司地址</h2>
                <figcaption>Company address</figcaption>
                <h3>地址:重庆大坪龙湖时代天街3号写字楼2407室</h3>
                <p>(09:30~18:30北京时间)</p>
            </div>
            <div class="men">
                <i class="iconfont">&#xe63e;</i>
                <h2>公司邮箱</h2>
                <figcaption>E-mail</figcaption>
                <h3>邮箱:info@haitouglobal.com</h3>
                <p>(09:30~18:30北京时间)</p>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div id="footr">
          <p>COPYRI GHT @重庆DUZU有限公司|DUZU备案号33010602001878 号版权所有:重庆戈登有限公司</p>
          <figure>
              <img src="../images/12.png" alt="">
          </figure>
    </div>




    <script src="../js/首页.js"></script>
    <script type="text/javascript" src="//api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
</body>

</html>